<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>表格</title>
        <style>
            caption{
                font-size:20px;
                font-weight:bold;
                margin-bottom:10px;
            }
            table,th,td{
                border:2px solid black;
                padding:10px;
            }
            .tab{
                width:40%;
                border-collapse:collapse;
            }
            .tab th{
                background:yellow;
            }
            .tab td{
                text-align:center;
                background:lightgreen;
            }
        </style>
    </head>
    <body>
        <table border="1" class="tab">
            <caption>促销信息</caption>
            <thead>
                <tr>
                    <td colspan="3" style="text-align:left;font-weight:bold;">新华书店</td>
                </tr>
                <tr>
                    <th>类　目</th>
                    <th>书　名</th>
                    <th>价　格（元）</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="3">图书</td>
                    <td>HTML5 基础</td>
                    <td>29.00</td>

                </tr>
                <tr>
                    <td>CSS3 精通</td>
                    <td rowspan="2">52.00</td>
                </tr>
                <tr>
                    <td>JS 精华</td>
                </tr>
                <tr>
                    <td>数码</td>
                    <td colspan="2">一律半价</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>